@import "../../../../style/pc/red/theme";
@import "../../../../style/pc/red/tippy-theme-widget";
@import "../../../checkbox/style/red";
.lms-TreeSelect{
	display:inline-flex;
	align-items:center;
	width:100%;
	height:$-form-widget-height;
	background:#fff;
	border:1px solid $-border-color;
	transition:$-form-widget-transition;
	transition-property:border-color,box-shadow;
	vertical-align:middle;
	cursor:pointer;
	user-select:none;
	&.lms--square{
		border-radius:$-form-widget-border-radius;
	}
	&.lms--round{
		border-radius:$-form-widget-height / 2;
		padding:0 3px;
	}
	&.lms--noBorder{
		border:0;
		background:transparent;
		&.lms--focus{
			box-shadow:none;
		}
	}
	&:focus{
		outline:0;
	}
	&:hover,&:focus{
		border-color:$-primary-color;
	}
	&.lms--none{
		>.lms-TreeSelect_content{
			color:$-sub-color;
		}
	}
	&.lms--focus{
		border-color:$-primary-color;
		box-shadow:$-form-widget-box-shadow;
		>.lms-TreeSelect_arrow{
			transform:rotate(270deg);
		}
	}
	&.lms--disable{
		position:relative;
		border-color:$-border-color;
		background:$-disable-color;
		cursor:not-allowed;
		>.lms-TreeSelect_content{
			opacity:0.6 !important;
		}
	}
	>.lms-TreeSelect_content{
		line-height:$-form-widget-height - 2;
		width:100%;
		font-size:$-content-font-size;
		padding:0 0 0 $-mini-gap;
		color:$-title-color;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	>.lms-TreeSelect_arrow{
		width:26px;
		flex-shrink:0;
		font-size:17px;
		color:$-arrow-color;
		transform:rotate(90deg);
		transition:transform $-form-widget-transition;
	}
}
.lms-TreeSelect_Tippy{
	vertical-align:middle;
}
.lms-TreeSelect_options{
	@include tippy-option;
	>div{
		&.lms--selected{
			color:#fff;
			background:$-primary-color;
			>.lexmis_tree_arrow{
				color:#fff;
			}
		}
	}
}
.lms-TreeSelect_fullContent{
	display:flex;
	color:$-sub-color;
	@include tippy-option-content;
}
.lms-TreeSelect_option{
	@include text-ellipsis;
	@include tree-node;
}
